import React from 'react';
import {
    Dimensions,
    StyleSheet, View
} from 'react-native';
const { width, height } = Dimensions.get('window');
import { createBottomTabNavigator } from 'react-navigation-tabs';
import {jsTypeToCppType} from "react-native/ReactCommon/hermes/inspector/tools/msggen/src/Converters";
export const Styles = StyleSheet.create({
    container:{
        flex:1,
        width:width,
        height:createBottomTabNavigator.DEFAULT_HEIGHT,
        backgroundColor: '#ffffff'
    },
    header:{
        width:width - 46,
        flexDirection:'row',
        justifyContent:'space-between',
        alignItems:'center',
        textAlign:'center',
        marginLeft:-16
    },
    header_title:{
        borderColor:'#ffffff',
        borderWidth:1,
        borderRadius:5,
        color:'#ffffff',
        paddingTop:5,
        paddingBottom:5,
        paddingLeft:10,
        paddingRight:10,
        flexDirection:'row',
        alignItems: "center"
    },
    header_right:{
        flexDirection:'row',
        justifyContent:'flex-end',
        alignItems:'center',
        marginRight:8,
    },
    button: {
        borderRadius: 4,
        padding: 10,
        marginLeft: 10,
        marginRight: 10,
        backgroundColor: '#ccc',
        borderColor: '#333',
        borderWidth: 1,
    },
    buttonText: {
        color: '#000'
    },
    sibling: {
        position:'absolute',
        top:55,
        width: width,
        height:height,
        backgroundColor:'rgba(178,178,178,0.2)',
    },
    cate_menu:{
        width:width,
        padding:8,
        backgroundColor:'#ffffff',
        borderBottomColor:'#ededed',
        borderBottomWidth:0.5
    },
    cate_list:{
        flexDirection:'row',
        flexWrap:'wrap',

    },
    cate_item:{
        width:(width - 80) /4,
        margin:8,
        paddingTop:5,
        paddingBottom:5,
        borderColor:'#cccccc',
        borderWidth:0.5,  
        textAlign: 'center',
    },
    cate_item_on:{
        width:(width - 80) /4,
        margin:8,
        paddingTop:5,
        paddingBottom:5,
        textAlign: 'center',
        backgroundColor:'#d01621',
        color:'#ffffff'
    },


    wrapper: {
        height:168
    },
    paginationStyle: {
        bottom: 0,
    },
    dotStyle: {
        backgroundColor: '#c9c9c9',
        width:5,
        height:5
    },
    activeDotStyle: {
        backgroundColor: '#d0162e',
        width:12,
        height:5
    },
    tabBarUnderlines:{
        backgroundColor: '#d0162e',
        height:2,
    },
    
    recommend_lists:{
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        padding:16,
        backgroundColor:'#ffffff',
        borderBottomWidth:0.5,
        borderBottomColor:'#e5e5e5',
    },
    
    


});
module.exports = Styles;
